<template>
    <div class="flex items-center h-[50px] border-b border-br border-[#f5f5f5]">
        <div class="flex-1 flex h-full">
            <span
                class="flex items-center truncate text-lg border-b-2 border-[#056de8] h-full"
                >{{ props.title }}</span
            >
        </div>
        <el-button class="button" link v-if="link">
            <NuxtLink :to="link" class="flex">
                更多
                <svgIcon name="ele-ArrowRight" />
            </NuxtLink>
        </el-button>
    </div>
</template>

<script lang="ts" setup>
const props = defineProps({
    title: {
        type: String,
        default: "",
    },
    link: {
        type: String,
        default: "",
    },
});
</script>
<style lang="scss" scoped></style>
